<template>
	<view class="personal">
		<ul>
			<li>
				<text>头像：</text>
				<image src="http://localhost:8080/static/img/avatar.dfbaac5d.png" mode="widthFix"></image>
			</li>
			<li>
				<text>昵称：</text>
				<p>{{userInfo.nickName}}</p>
			</li>
			<li>
				<text>性别：</text>
				<p>男</p>
			</li>
			<li>
				<text>书龄：</text>
				<p>2年</p>
			</li>
			<li>
				<text>个性签名：</text>
				<p>哈哈</p>
			</li>
		</ul>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				nickName:'',
				userInfo:[],
			}
		},
		onLoad() {
			let userInfo = uni.getStorageSync('userInfo')
			this.userInfo = JSON.parse(userInfo);
		},
		methods:{},

	}
</script>

<style lang="scss">
	.personal {
		width: 100%;
		height: 1000px;
		background-color: #fceccc;

		ul {
			list-style: none;
			padding: 0;

			li {
				display: flex;
				height: 130rpx;
				justify-content: space-between;
				width: 99%;
				align-items: center;
				margin: 0 auto;
				padding: 0 50rpx;
				box-sizing: border-box;
				border-bottom: 1px solid #fd6e51;

				image {
					width: 78rpx;
					height: 78rpx;
					border-radius: 50%;
				}

				text {
					color: #3b3b3b;
					font-weight: 600;
				}

				p {
					color: #8e8a81;
					font-size: 15px;
				}
			}
		}
	}
</style>